﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="RegistrarFormulario.aspx.cs" Inherits="RegistrarFormulario" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="../../js/jquery-1.9.0.min.js"></script>
    <link href="../../css/colorbox/colorbox.css" rel="stylesheet" />
    <link href="../../css/estilos.css" rel="stylesheet" />

    <script type="text/javascript" src="../../js/colorbox/jquery.colorbox.js"></script>
    <script type="text/javascript" src="../../js/GEN_js.js"></script>

    <script type="text/javascript">
        function Validar() {
            debugger
            if ($('#txtNombre').val() == '') {
                MostrarAlertaTXT($('#txtNombre'), "El campo Nombre es obligatorio", true);
                return false;

            } else if ($('#txtNombre').val().length < 3) {
                    MostrarAlertaTXT($('#txtNombre'), "El campo Nombre debe de contener como mínimo 3 caracteres", true);
                    return false;

            } else if ($('#txtRuta').val() == '') {
                MostrarAlertaTXT($('#txtRuta'), "El campo Ruta es obligatorio", true);
                return false;

            } else if (!ExisteObjeto()) {
                $("#dvAlerta2").html('Debe seleccionar al menos un Objeto');
                $("#dvAlerta2").css("display", "block");
                $("#fijo").css("height", "50px");
                return false;
            }
            else {
                $('#txtNombre').removeClass("txt-box-campos-oblig-cb").addClass("txt-box-campos-oblig-sb");
                $('#txtRuta').removeClass("txt-box-campos-oblig-cb").addClass("txt-box-campos-oblig-sb");

                $("#colorbox, #cboxOverlay").appendTo('form:first');
                AbrirModal('330', '210', true, false, '#yesno', false);
                $('#yesno').css("display", "block");

                return false;
            }
        }      

        function Aceptar() {
            window.parent.location.reload();
        }

        function AsignarAlerta(codigo) {
            $.colorbox({
                width: "360", height: "400", iframe: true, href: 'SeleccionarAlerta.aspx?codigo=' + codigo
            });
        }

        function ExisteObjeto() {
            var oObjeto = document.getElementById('tblObjetos').getElementsByTagName("input");
            for (var i = 0; i < oObjeto.length; i++) {
                if (oObjeto[i].type = "checkbox") {
                    if (oObjeto[i].checked) {
                        return true;
                        break;
                    }
                }
            }
            return false;
        }
    </script>
</head>
<body>
    <form id="frmFormulario" runat="server">
        <div>
            <asp:HiddenField ID="hdfFormulario" runat="server" />
        </div>
        <div>
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td class="titulo-modal">Registro de Formulario</td>
                </tr>
            </table>
            <table border="0" cellpadding="10px" cellspacing="0">
                <tr>
                    <td class="txt-campos-int">Módulo</td>
                    <td>
                        <asp:DropDownList runat="server" ID="ddlModulo" Width="120px" CssClass="field_element"></asp:DropDownList>
                    </td>
                </tr>
                <tr>
                    <td class="txt-campos-int">Nombre</td>
                    <td>
                        <input type="text" runat="server" class="txt-box-campos-oblig-sb" id="txtNombre" style="width: 200px;">
                    </td>
                </tr>
                <tr>
                    <td class="txt-campos-int">Ruta</td>
                    <td>
                        <input type="text" runat="server" class="txt-box-campos-oblig-sb" id="txtRuta" style="width: 250px;">
                    </td>
                </tr>
                <tr>
                    <td class="txt-campos-int">Versión</td>
                    <td>
                        <input type="text" runat="server" class="txt-box-campos" id="txtVersion" onkeypress="PermiteDecimales(event)" style="width: 95px;" maxlength="10">
                    </td>
                </tr>
                <tr>
                    <td class="txt-campos-int">Tiempo Sesión</td>
                    <td>
                        <input type="text" runat="server" class="txt-box-campos" onkeypress="PermiteNumeros(event)" id="txtTiempoSesion" style="width: 95px;" maxlength="2">
                        <span class="txt-campos-int">minutos</span>
                    </td>
                </tr>
                <tr>
                    <td class="txt-campos-int">Estado</td>
                    <td>
                        <asp:DropDownList runat="server" ID="ddlEstado" Width="120px" CssClass="field_element"></asp:DropDownList>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" class="txt-campos-int">Listado de Objetos Asociados:</td>
                </tr>
                <tr>
                    <td colspan="2">
                        <div id="Layer1" class="div-scroll">
                            <table width="100%" border="1" cellspacing="0" cellpadding="0" class="grilla" id="tblObjetos">
                                <asp:Repeater ID="rptObjeto" runat="server" OnItemDataBound="rptObjeto_ItemDataBound">
                                    <HeaderTemplate>
                                        <thead>
                                            <tr>
                                                <td class="cab-grilla" style="width: 5%;">&nbsp;</td>
                                                <td class="cab-grilla" style="width: 30%;">Nombre</td>
                                                <td class="cab-grilla" style="width: 20%;">Asociar Alerta</td>
                                                <td class="cab-grilla" style="width: 20%;">Activar</td>
                                            </tr>
                                        </thead>
                                    </HeaderTemplate>
                                    <ItemTemplate>
                                        <tbody>
                                            <tr onmouseover="this.style.background='#fbffbf'; this.style.color='#f16e05'" onmouseout="this.style.background='#f4f4f4'; this.style.color='#353535'" <%#Int32.Parse(Eval("RowNumber").ToString())%2==0?"class=\"td-grilla-blanco\"":"class=\"td-grilla-gris\"" %>>
                                                <td style="text-align: center;">
                                                    <asp:CheckBox ClientIDMode="Static" ID="chkObjeto" runat="server" />
                                                </td>
                                                <td><%#Eval("DescripcionCorta") %></td>
                                                <td align="center"><a href="#" onclick="AsignarAlerta('<%#Eval("CodigoElemento") %>')">
                                                    <img src="../../images/icon-editar.png" style="border-width: 0px; margin-right: 12px;" /></a>
                                                </td>
                                                <td align="center"><asp:CheckBox ClientIDMode="Static" ID="chkAlerta" runat="server" /></td>
                                            </tr>
                                    </ItemTemplate>
                                    <FooterTemplate>
                                        </tbody>
                                    </FooterTemplate>
                                </asp:Repeater>
                            </table>
                        </div>
                    </td>
                </tr>
                <tr align="center">
                    <td colspan="2">
                        <asp:Button ID="btnGrabar" OnClientClick="return Validar()" runat="server" CssClass="skip" Text="Grabar" />
                        <input id="btnCancelar" type="button" class="skip" onclick="window.parent.CerrarModal();" value="Cancelar" />
                    </td>
                </tr>
            </table>
        </div>
        <div id="fijo" runat="server">
            <div class="alertaRegistro mensajes" runat="server" style="display: none;" id="dvAlerta2">
            </div>
        </div>

        <div id="yesno" style="display: none">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td class="titulo-modal">Mensaje del Sistema</td>
                </tr>
            </table>
            <br />
            <table width="100%" align="center" border="0" cellspacing="2" cellpadding="1">
                <tr>
                    <td align="center" width="72">
                        <img alt="Interrogación" src="../../images/icon-interrogacion-modal.png" /></td>
                    <td class="" align="center" style="padding-left: 6px; padding-right: 6px;">¿Esta seguro que desea guardar los cambios?</td>
                </tr>
            </table>
            <table width="80%" border="0" align="center" cellspacing="0" cellpadding="0">
                <tr>
                    <td align="center">
                        <asp:Button ID="btnSi" runat="server" CssClass="skip" Text="Si" OnClick="btnSi_Click" />
                        <input id="btnNo" type="button" class="skip" onclick="window.parent.CerrarModal();" value="No" />
                    </td>
                </tr>
            </table>
        </div>

        <div id="confirmacion" style="display: none">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td class="titulo-modal">Mensaje del Sistema</td>
                </tr>
            </table>
            <br />
            <table width="100%" align="center" border="0" cellspacing="2" cellpadding="1">
                <tr>
                    <td align="center" width="72">
                        <img alt="confirmacion" src="../../images/icon-valido.png" /></td>
                    <td class="" align="center" style="padding-left: 6px; padding-right: 6px;">Los datos se guardaron correctamente.</td>
                </tr>
            </table>
            <table width="80%" border="0" align="center" cellspacing="0" cellpadding="0">
                <tr>
                    <td align="center">
                        <asp:Button ID="btnAceptar" runat="server" CssClass="skip" Text="Aceptar" OnClientClick="Aceptar();" />
                    </td>
                </tr>
            </table>
        </div>
    </form>
</body>
</html>

